<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>市立预约平台 - 注册</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <nav class="navbar">
        <div class="nav-logo">
            <img src="./static/imgs/logo.png" alt="市立助手">
            <span>市立预约平台</span>
        </div>
        <ul class="nav-links">
            <li><a href="chat.html"><i class="fas fa-comments"></i>智能预约</a></li>
            <li><a href="medical-info.html"><i class="fas fa-book-medical"></i>医疗知识库</a></li>
            <li><a href="appointments.html"><i class="fas fa-calendar-check"></i>我的预约</a></li>
            <li><a href="profile.html"><i class="fas fa-user"></i>个人中心</a></li>
        </ul>
    </nav>

    <div class="register-container">
        <div class="register-card">
            <div class="register-logo">
                <img src="./static/imgs/logo.png" alt="市立助手">
            </div>
            <h2 class="register-title">创建新账户</h2>
            
            <form class="register-form">
				
				<div class="form-row">
				    <div class="form-group">
				        <label for="username">昵称</label>
				        <input type="text" id="username" placeholder="请输入昵称" required>
				    </div>
				</div>
				
                <div class="form-row">
                    <div class="form-group">
                        <label for="real_name">姓名</label>
                        <input type="text" id="real_name" placeholder="请输入姓名" required>
                    </div>
                </div>
                
                
                <div class="form-group">
                    <label for="phone">手机号码</label>
                    <input type="tel" id="phone" placeholder="请输入手机号码" required>
                </div>
				
				<div class="form-group">
				    <label for="id_card">身份证号</label>
				    <input type="text" id="id_card" placeholder="请输入身份证号" required>
				</div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="password">密码</label>
                        <input type="password" id="password" placeholder="设置登录密码" required>
                    </div>
                    <div class="form-group">
                        <label for="confirm-password">确认密码</label>
                        <input type="password" id="confirm-password" placeholder="再次输入密码" required>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="gender">性别</label>
                    <select id="gender" required>
                        <option value="" disabled selected>请选择性别</option>
                        <option value="male">男</option>
                        <option value="female">女</option>
                    </select>
                </div>
                
                <div class="form-group">
                  <label style="display: inline-flex; align-items: center; white-space: nowrap; gap: 8px;">
                    <input type="checkbox" required>
                    我已阅读并同意<a href="#">《用户协议》</a>和<a href="#">《隐私政策》</a>
                  </label>
                </div>
                
                <button type="submit" class="register-btn">注 册</button>
            </form>
            
            <div class="register-footer">
                <p>已有账号？<a href="login.html">立即登录</a></p>
            </div>
        </div>
    </div>
	<script src="./js/register.js"></script>
</body>
</html>